<template>
	<div class="carousel">
    <el-carousel trigger="click" height="150px">
      <el-carousel-item v-for="item in proplist">
		<img :src="`http://127.0.0.1:80/api/public/showimg/${item.picture}`"/>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
	name:'MobileHomeCarousel',
	props:['proplist']
}
</script>

<style scoped>
.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
} 

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}
.carousel img{
	width: 100%;
	height: 100%;
}
</style>
